<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.c1{
				border: 14px dashed greenyellow;
				border-radius: 40%;
				background-color: #0000FF;
				overflow: hidden;
			}
		</style>
		<script src="../js/jquery-3.4.1.min.js"></script>
		<script>
			$(function(){
				$("#ad").bind({
				 click:function(){
					 alert("图片呗点击了");
				 },mouseover:function(){
					 $(this).css("border","2px solid red");
				 },
				 mouseout:function(){
					 $(this).css("border","none");
				 }
				});
				window.setInterval(function(){
					$("#ad").unbind("click");
				},3000);
				
				$("#toggle").click(function(){
					$("#ad").toggleClass("c1");
				});
			});
		</script>
	</head>
	<body>
		<div id="ad">
			<img src="../images/4.jpg"/>
		</div>
		<input type="button" value="toggleclass" id="toggle"/>
	</body>
</html>
